<template>
  <div>
    <el-card class="box-card" style="margin: 5px" shadow="hover">
      <div slot="header">
        <span>小花</span>
      </div>
      <p>男&nbsp;30岁</p>
      <p><span>职业：</span>公务员</p>
      <p><span>手机：</span>150123456789</p>
      <p><span>住址：</span>福建省福州市鼓楼区</p>
    </el-card>

    <sea-list-view :data="list" :span="8">
      <el-col :span="6" slot="item" slot-scope="{item}">
        <div class="box box-hover" style="margin: 0 5px 10px 5px;">
          <div class="box-header with-padding">
            <span>{{ item.gmtCreate }}</span>
            <sea-dictionary class="pull-right" :value="item.visitResult"></sea-dictionary>
          </div>
          <div class="box-body with-padding">
            <p><strong>业务流程：</strong>{{ item.visitType }}</p>
            <p><strong>备注：</strong>{{ item.remark }}</p>
            <el-image v-if="item.file1"
                      style="width: 100px; height: 100px"
                      :src="item.file1"></el-image>
          </div>
        </div>
      </el-col>
    </sea-list-view>
  </div>
</template>


<script>

export default {
    components: {}, data: function () {
        return {
            list: [
                {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
                , {
                    gmtCreate: '2022-05-30 12:11:10'
                    , visitType: '电话联系'
                    , visitResult: '有意向'
                    , remark: '对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能。对客户进行了电话沟通，客户没有挂断，可能'
                    , file1: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
                }
            ]
        }
    }
}
</script>

<style scoped>

</style>
